@import '/src/global.less';

.servuychart{
  //  height: 30vh;
  //  min-height: 290px!important;
   flex: 9 1;
    flex-direction: column;
   
    margin-right: 15px;
    min-height: 36vh;
    display: flex;
}
.box{
  padding: 10px 20px;
  background-color: #143173;
  opacity: 0.9;
  border: 1px solid #143173;
}
.sinTitle{
  align-items: center;
  padding: 10px 0;
  .signLine {
    display: inline-block;
    width: 3px;
    height: 12px;
    background-color: #43b3bb;
    margin-right: 6px;
    vertical-align: -1px;
    
  }
}

.energyTR{
  flex: 2 1;
  flex-direction: column;


  .content{
    height: 30vh;
    min-height: 290px;
    flex-direction: column;
  }
  .energyBox{
    height: 48%;
    margin-bottom: 4%;
    border: 1px solid #346fa5;
    flex-direction: column;
    align-items: center;
    color: #62788c;
    flex:1;
     .row1{
      height: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 2.1em;
     }
     .row2{
      height: 20%;
      display: flex;
      justify-content: center;
      align-items: center;
     
     }
     .xia{
      background-color: #3687d2;
      color: hsla(0,0%,100%,.5);
      height: 30%;
      display: flex;
      justify-content: center;
      align-items: center;
      letter-spacing: .1em;
      width: 100%;
    }
   .yestodayBgColor{
    background-color: #31604b;
    color: hsla(0,0%,100%,.5);
   }
  
  }
  .yestodayBox{
    border: 1px solid #31604b;
    color: #457a63;
   }
}
.qushiShanxuan{
  width: 200px;
  justify-content: space-around;
  display: flex;
  .shanxuanBtn:hover,.shanxuanBtn:active,.shanxuanBtn:visited,.btnSelected  {
    position: relative;
    color: #fff;
    background-color: #346fa5;
  }
}

.select1 {
  width: 230px;
  margin-top: 2px;
  margin-right: 7px;
}
.selectXian {
  display: inline-block;
  width: 2px;
  height: 22px;
  background-color: hsla(0,0%,100%,.3);
  vertical-align: middle;
  margin-right: 5px;
}

.huanbiitem{
  flex:1 1;
  margin-right: 7px;
  flex-direction: column;
  text-align: center;
  align-items: center;
  border:1px solid #124e6a;
  padding-top: 23px;
  .number{
    color: rgba(91, 246, 251, .8);
    font-size: 1.8em;
    margin-bottom: 5px;
  }
  .bt{
    color: rgba(209,233,237,.5);
  }
  .qushiTop{
    color: rgba(91,246,251,.8);
    font-size: 1.2em;
    .down {
      margin-left: 13px;
      margin-right: 13px;
      border-top: 1px solid rgba(191,244,246,.22);
   
  }

  P{
    margin-bottom: 0px !important;
  }
}
}
.pieCard :global(.pie-stat) {
  font-size: 24px !important;
}



@media screen and (max-width: @screen-lg) {
  .mapChart {
    height: auto;
  }
}
